<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    {% block meta %}
    {% endblock %}
    <!-- Meta Tag -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- SEO -->
    <!-- TODO: SEO优化 -->
    <meta name="description" content="Python开发个人博客">
    <meta name="author" content="jiangdog">
    <meta name="url" content="https://www.jiangdog.com">
    <meta name="copyright" content="jiangwen">
    <meta name="robots" content="index,follow">

    <title>蒋狗 Blog</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon/favicon.ico') }}">
    <link rel="apple-touch-icon" sizes="144x144" type="image/x-icon" href="{{ url_for('static', filename='images/favicon/apple-touch-icon.png') }}">

    <!-- All CSS Plugins -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/plugin.min.css') }}">
    <!-- CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">

    <!-- Main CSS Stylesheet -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
    <!-- 后期新增的CSS -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/new.css') }}">


    <!-- Google Web Fonts  -->
    <!-- TODO: 字体下载  -->
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700"> -->


    <!-- HTML5 shiv and Respond.js support IE8 or Older for HTML5 elements and media queries -->
    <!--[if lt IE 9]>
       <script src="{{ url_for('static', filename='js/respond.min.js') }}"></script>
	   <script src="{{ url_for('static', filename='js/htmlshiv.min.js') }}"></script>
    <![endif]-->

    <!-- All Javascript Plugins  -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/plugin.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/validator.min.js') }}"></script>

    <!-- Main Javascript File  -->
    <script type="text/javascript" src="{{ url_for('static', filename='js/scripts.js') }}"></script>

    <!-- CSS -->
    {% block css %}
    {% endblock %}

    <!-- JS -->
    {% block js %}
    {% endblock %}

</head>
<body>

<!-- Preloader Start -->
<div class="preloader">
    <div class="rounder"></div>
</div>
<!-- Preloader End -->

{% block content %}

    <div id="main">
        <div class="container">
            <div class="row">
                <!-- About Me (Left Sidebar) Start -->
                <div class="col-md-3">
                    {% block left %}
                        <div class="about-fixed">

                            <div class="my-pic">
                                <img src="{{ url_for('static', filename='images/pic/my-pic.jpg') }}" alt="">
{#                                <a href="javascript:void(0)" class="collapsed" data-target="#menu"#}
{#                                   data-toggle="collapse"><i class="icon-menu menu"></i></a>#}
                            </div>

                            <div class="my-detail">

                                <div class="white-spacing">
                                    <h1>{{ g.default_user.nickname }}
                                        {% if current_user.is_authenticated %}
                                            <a href="{{ url_for('user.user_edit') }}" class="padding-left-20"><i class="icon-pencil"></i></a>
                                            <a href="{{ url_for('auth.auth_logout') }}" class="padding-left-20"><i class="icon-login"></i></a>
                                        {% endif %}
                                    </h1>
                                    <span>{{ g.default_user.introduction_one_word }}</span>
                                    <div class="contact-me">
                                        <i class="icon-screen-smartphone color-6"></i>
                                        <a href="tel:{{ g.default_user.mobile }}">{{ g.default_user.mobile }}</a>
                                        </div>
                                    <div class="contact-me">
                                        <i class="icon-envelope-open color-5"></i>
                                        <a href="mailto:{{ g.default_user.mail }}">{{ g.default_user.mail }}</a>
                                    </div>
                                </div>

                                <ul class="social-icon">
                                    {% if g.default_user.github %}
                                        <li><a href="{{ g.default_user.github }}" target="_blank" class="github"><i class="fa fa-github"></i></a>
                                        </li>
                                    {% endif %}
                                    {% if g.default_user.linkdin %}
                                        <li><a href="#" target="_blank" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                        </li>
                                    {% endif %}

                                </ul>

                                <div id="menu" class="">
                                    <ul class="menu-link">
                                        {% for menu in g.default_user.menus.filter_by(is_active=True) %}
                                            {% if current_user.is_authenticated %}
                                                <li><a href="{{ menu.link_url }}"><i class="{{ menu.icon_class }}"></i> {{ menu.title }}</a></li>
                                            {% else %}
                                                {% if not menu.is_admin %}
                                                    <li><a href="{{ menu.link_url }}"><i class="{{ menu.icon_class }}"></i> {{ menu.title }}</a></li>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                        {% if current_user.is_authenticated %}
                                            <a href="{{ url_for('menu.menu_list') }}"><i class="icon-pencil"></i></a>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>

                        </div>
                    {% endblock %}
                </div>
                <!-- About Me (Left Sidebar) End -->

                <!-- Blog Post (Right Sidebar) Start -->
                <div class="col-md-9">
                    {% block right %}
                        <!-- 模态框 -->
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                        </div>
                        <!-- Footer Start -->
                        <div class="col-md-12 page-body margin-top-50 footer">
                            <footer>
                                <ul class="menu-link">
                                    {% for menu in g.default_user.menus %}
                                        <li><a href="{{ menu.link_url }}">{{ menu.title }}</a></li>
                                    {% endfor %}
                                </ul>

                                <div>
                                    <a href="http://www.visitormap.org/" target="_top"><img
                                            src="http://www.visitormap.org/map/m:hbkqxmzptwrbjcdh/s:0/c:00ffff/p:pin/y:0.png"
                                            alt="Free Visitor Maps at VisitorMap.org" border="0">
                                    </a>
                                </div>

                                <!-- UiPasta Credit Start -->
                                <div class="uipasta-credit">
                                    <a href="{{ url_for('main.index') }}"><i class="icon-home"></i> Welcome!</a>
                                </div>
                                <!-- UiPasta Credit End -->

                            </footer>
                        </div>
                        <!-- Footer End -->
                    {% endblock %}
                </div>
                <!-- Blog Post (Right Sidebar) End -->
            </div>
        </div>
    </div>

{% endblock %}

<!-- Back to Top Start -->
<a href="#" class="scroll-to-top"><i class="fa fa-long-arrow-up"></i></a>
<!-- Back to Top End -->

</body>
</html>